<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <script>
    ! function (e) {
      function t(a) {
        if (i[a]) return i[a].exports;
        var n = i[a] = {
          exports: {},
          id: a,
          loaded: !1
        };
        return e[a].call(n.exports, n, n.exports, t), n.loaded = !0, n.exports
      }
      var i = {};
      return t.m = e, t.c = i, t.p = "", t(0)
    }([function (e, t) {
      "use strict";
      Object.defineProperty(t, "__esModule", {
        value: !0
      });
      var i = window;
      t["default"] = i.flex = function (normal, e, t) {
        var a = e || 100,
          n = t || 1,
          r = i.document,
          o = navigator.userAgent,
          d = o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),
          l = o.match(/U3\/((\d+|\.){5,})/i),
          c = l && parseInt(l[1].split(".").join(""), 10) >= 80,
          p = navigator.appVersion.match(/(iphone|ipad|ipod)/gi),
          s = i.devicePixelRatio || 1;
        p || d && d[1] > 534 || c || (s = 1);
        var u = normal ? 1 : 1 / s,
          m = r.querySelector('meta[name="viewport"]');
        m || (m = r.createElement("meta"), m.setAttribute("name", "viewport"), r.head.appendChild(m)), m.setAttribute(
          "content", "width=device-width,user-scalable=no,initial-scale=" + u + ",maximum-scale=" + u +
          ",minimum-scale=" + u), r.documentElement.style.fontSize = normal ? "50px" : a / 2 * s * n + "px"
      }, e.exports = t["default"]
    }]);
    flex(false, 100, 1);

  </script>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>下载页</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    html,
    body {
      font-family: 'PingFangSC-Regular', 'PingFangSC-Medium';
      background: #fff;

    }

    .container {
      padding-top: .76rem;
    }

    .introduction {
      display: flex;
      margin: 0 .4rem;
      padding-bottom: .26rem;
      border-bottom: 1px solid #E3E3E3;
    }

    .logo {
      width: 2.04rem;
      height: 2.04rem;
      margin-right: .4rem;
    }

    .title {
      font-weight: normal;
      font-size: .4rem;
      margin-bottom: .16rem;
    }

    .intro {
      line-height: .34rem;
      color: rgba(143, 143, 146, 1);
      font-size: .24rem;
    }
    .banner {
      display: flex;
      padding: .3rem 0 .86rem .4rem;
    }
    .banner .left {
      height: 6.48rem;
      margin-right: .2rem;
    }
    .banner .right {
      flex: 1
    }
    .btn-group {
      display: flex;
      padding: 0 .4rem .5rem;
    }
    .btn-group a {
      flex: 1;
      line-height: .7rem;
      height: .7rem;
      display: block;
      border-radius: .4rem;
      text-decoration: none;
      font-size: .34rem;
      text-align: center;
    }
    .open {
      color: #FF7583;
      border: 1px solid #FF7583;
      margin-right: 0.3rem;
    }
    .download {
      background: #FF7583;
      color: #fff;
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="introduction">
      <img class="logo" src="./assets/img/logo.png"
        alt="">
      <div>
        <h1 class="title">枣大夫</h1>
        <p class="intro">版本：1.0.0 (build 5) </p>
        <p class="intro">大小：32.2 MB</p>
        <p class="intro">更新时间：2 天前</p>
      </div>
    </div>
    <div class="banner">
      <img class="left" src="./assets/img/left.png" alt="">
      <img class="right" src="./assets/img/right.png" alt="">
    </div>
    <div class="btn-group">
      <a class="open" href="">打开</a>
      <a class="download" href="">下载</a>
    </div>
  </div>
</body>

</html>
